<ion-header>
  <ion-toolbar class="orange-bar">
    <ion-buttons slot="start">
      <ion-button color="light" (click)="goBack()">
        <ion-icon name="ios-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>投标记录</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-refresher-content
        pullingText="下拉刷新"
        refreshingText="加载中...">
    </ion-refresher-content>
  </ion-refresher>
  <ion-list *ngIf="dataList.length > 0; else noneBlock">
    <ion-item *ngFor="let data of dataList">
      <ion-label>
        <p class="user-name">{{data.name}}</p>
        <span>{{data.time | relativeDate}}</span>
      </ion-label>
      <ion-note slot="end">
        <div class="color-black">{{data.amount | tenThousand}}元</div>
        <span>{{data.client}}</span>
      </ion-note>
    </ion-item>
  </ion-list>
  <ng-template #noneBlock>
    <div class="content-bottom">
      未查询到相关数据
    </div>
  </ng-template>
  <ion-infinite-scroll #infiniteScroll threshold="50px" (ionInfinite)="loadMoreData($event)">
    <ion-infinite-scroll-content
        loadingText="加载中...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
